<template>
  <el-form-item label="控件宽度">
    <el-radio-group v-model="value.value" size="small">
      <el-radio-button label="6">1/4</el-radio-button>
      <el-radio-button label="8">1/3</el-radio-button>
      <el-radio-button label="12">2/4</el-radio-button>
      <el-radio-button label="16">2/3</el-radio-button>
      <el-radio-button label="18">3/4</el-radio-button>
      <el-radio-button label="24">1/1</el-radio-button>
    </el-radio-group>
  </el-form-item>
</template>

<script>
  export default {
    props: {
      value: {
        type: Object,
        default: {
          value: 24
        }
      },
    },
    data() {
      return {
        sp: {},
        sr: {},
        param: {}
      }
    },
    created(options) {
      let that = this;
      that.xinit();
    },
    methods: {
      xinit() {
        let that = this;
      },
      control_click(span) {
        let that = this;
        that.value.value = parseInt(span);
      }
    }
  }
</script>

<style>

</style>
